$(document).ready(function () {
    $('.nav_content_item').click(function () {
        $('.nav_content_item').find('span').removeClass('nav_span_select').removeClass('nav_span_unselect');
        $(this).find('span').addClass('nav_span_select');
        $('.nav_content_item').not(this).find('span').addClass('nav_span_unselect');
        let index = $(this).data("index");
        switch (index) {
            case 0:
                var url = "../index.html";
                window.open(url, '_blank');
                break;
            case 1:
                var url = "../html/survey.html";
                window.open(url, '_blank');
                break;
            case 2:
                var url = "../html/analyse.html";
                window.open(url, '_blank');
                break;
            case 3:
                var url = "../html/brand.html";
                window.open(url, '_blank');
                break;
            case 4:
                var url = "../html/knowledge.html";
                window.open(url, '_blank');
                break;
            case 5:
                var url = "../html/policy.html";
                window.open(url, '_blank');
                break;
            case 6:
                var url = "../html/policy.html";
                window.open(url, '_blank');
                break;
        }

    });
    $('.menu_box_item').click(function () {
        $('.menu_box_item').removeClass('menu_box_item_select');
        $(this).addClass('menu_box_item_select');
        $('.menu_box_item').not(this).removeClass('menu_box_item_select');
    });
    $('.unfold_all').click(function () {
        $('.menu_box_item').removeClass('menu_box_item_select');
        $('.menu_box_item').addClass('menu_box_item_select');
    })
    $('.query_type_item').click(function () {
        $('.query_type_item').removeClass('query_type_select');
        $(this).addClass('query_type_select');
        $('.query_type_item').not(this).removeClass('query_type_select');
        let type = $(this).data("type");
        switch (type) {
            case 'list':
                $(".type_list").css('display', 'flex')
                $(".type_logo").css('display', 'none')
                $(".type_china_map").css('display', 'none')
                $(".type_word_map").css('display', 'none')
                $(".message_source").css('margin-top', '10px')
                $("#listPagination").pagination(50,    //分布总数量，必须参数
                    {
                        callback: PageCallback,  //PageCallback() 为翻页调用次函数。
                        prev_text: "<",
                        next_text: ">",
                        items_per_page: 5,
                        num_edge_entries: 2,       //两侧首尾分页条目数
                        num_display_entries: 10,    //连续分页主体部分分页条目数
                        current_page: 0,   //当前页索引
                        link_to: "?id=__id__"  //分页的js中会自动把"__id__"替换为当前的数。0　
                    }
                );
                break;
            case 'logo':
                $(".type_list").css('display', 'none')
                $(".type_logo").css('display', 'flex')
                $(".type_china_map").css('display', 'none')
                $(".type_word_map").css('display', 'none')
                $(".message_source").css('margin-top', '10px')
                $("#logoPagination").pagination(50,    //分布总数量，必须参数
                    {
                        callback: PageCallback,  //PageCallback() 为翻页调用次函数。
                        prev_text: "<",
                        next_text: ">",
                        items_per_page: 5,
                        num_edge_entries: 2,       //两侧首尾分页条目数
                        num_display_entries: 10,    //连续分页主体部分分页条目数
                        current_page: 0,   //当前页索引
                        link_to: "?id=__id__"  //分页的js中会自动把"__id__"替换为当前的数。0　
                    }
                );
                break;
            case 'chinaMap':
                $(".type_list").css('display', 'none')
                $(".type_logo").css('display', 'none')
                $(".type_china_map").css('display', 'flex')
                $(".type_word_map").css('display', 'none')
                $(".message_source").css('margin-top', '530px')
                initChinaMap()
                break;
            case 'wordMap':
                $(".type_list").css('display', 'none')
                $(".type_logo").css('display', 'none')
                $(".type_china_map").css('display', 'none')
                $(".type_word_map").css('display', 'flex')
                $(".message_source").css('margin-top', '10px')
                break;
        }
    });
    $("#listPagination").pagination(50,    //分布总数量，必须参数
        {
            callback: PageCallback,  //PageCallback() 为翻页调用次函数。
            prev_text: "<",
            next_text: ">",
            items_per_page: 5,
            num_edge_entries: 2,       //两侧首尾分页条目数
            num_display_entries: 10,    //连续分页主体部分分页条目数
            current_page: 0,   //当前页索引
            link_to: "?id=__id__"  //分页的js中会自动把"__id__"替换为当前的数。0　
        }
    );
});

function PageCallback(page_index, jq) {

}

function initChinaMap() {
    var myChart = echarts.init(document.getElementById('chinaMab'));
    var provinceColor = {
        '广东': '#ffde33',
        '四川': '#ff7f50',
        '浙江': '#66cccc',
    };
    var option = {
        series: [
            {
                type: 'map',
                map: 'china', // 中国地图
                roam: false, // 开启鼠标缩放和平移漫游
                label: {
                    show: true // 显示省市名称
                },
                itemStyle: {
                    // 默认的样式
                    normal: {
                        areaColor: '#323c48', // 省份的颜色
                        borderColor: '#111' // 省份的边界颜色
                    },
                    // 高亮状态下的样式（鼠标悬浮时）
                    emphasis: {
                        areaColor: '#2a333d'
                    }
                },
                data: [
                    {
                        name: '新疆', itemStyle: {
                            normal: {
                                areaColor: '#F8DCB7'
                            }
                        }
                    },
                    {
                        name: '西藏', itemStyle: {
                            normal: {
                                areaColor: '#CFDCEF'
                            }
                        }
                    },
                    {
                        name: '甘肃', itemStyle: {
                            normal: {
                                areaColor: '#C3E2DD'
                            }
                        }
                    },
                    {
                        name: '青海', itemStyle: {
                            normal: {
                                areaColor: '#F1DCEB'
                            }
                        }
                    },
                    {
                        name: '四川', itemStyle: {
                            normal: {
                                areaColor: '#F8DCB7'
                            }
                        }
                    },
                    {
                        name: '云南', itemStyle: {
                            normal: {
                                areaColor: '#C5E1B1' // 湖北省的背景色设置为红色
                            }
                        }
                    },
                    {
                        name: '内蒙古', itemStyle: {
                            normal: {
                                areaColor: '#F1E9BA' // 湖北省的背景色设置为红色
                            }
                        }
                    },
                    {
                        name: '黑龙江', itemStyle: {
                            normal: {
                                areaColor: '#CFDCEF' // 湖北省的背景色设置为红色
                            }
                        }
                    },
                    {
                        name: '吉林', itemStyle: {
                            normal: {
                                areaColor: '#F1DCEB' // 湖北省的背景色设置为红色
                            }
                        }
                    },
                    {
                        name: '辽宁', itemStyle: {
                            normal: {
                                areaColor: '#C5E1B1' // 湖北省的背景色设置为红色
                            }
                        }
                    }
                    //... 添加更多省份数据
                ]
            }
        ]
    };
    myChart.setOption(option);
    myChart.on('click', function (params) {
        alert(params.name);
    });
}
